<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/reg.css">
    <style>
    	#logo{
    		width: 147px; height: 100px;
    		z-index:999;
			position:fixed; left:0px; top:0px;
    	}
    </style>
</head>
<body>
	<div id="logo">
		<a href="homePage.jsp"><img src="images/bj2.png" /> </a>
	</div>
<div id="ajax-hook"></div>
<div class="wrap">
    <div class="wpn">
        <div class="form-data pos">
            <a href=""><img src="images/logo_1.png" class="head-logo"></a>
            <div class="change-login">
                <p class="account_number on">账号登录</p>
            </div>
            <form action="" >
            <div class="form1">
                <p class="p-input pos">
                    <label for="num">用户名</label>
                    <input type="text" id="num">
                    <span class="tel-warn num-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos">
                    <label for="pass">请输入密码</label>
                    <input type="password" style="display:none" />
                    <input type="password" id="pass" autocomplete="new-password">
                    <span class="tel-warn pass-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos code hide"><!--hide-->
                    <label for="veri">请输入验证码</label>
                    <input type="text" id="veri">
                    <img src="images/yzm.png">
                    <img src="{:U('checkcodeImg')}" width="120" height="38" id="img11" onMouseUp="RefreshImage()"/>
                    <span class="tel-warn img-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span>
                     <a href="*">换一换</a> 
                </p>
            </div>
            <!--<div class="form2 hide">
                <p class="p-input pos">
                    <label for="num2">手机号</label>
                    <input type="number" id="num2">
                    <span class="tel-warn num2-err hide"><em>账号或密码错误</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos hide">
                    <label for="veri-code">输入验证码</label>
                    <input type="number" id="veri-code">
                    <a href="javascript:;" class="send">发送验证码</a>
                    <span class="time hide"><em>120</em>s</span>
                    <span class="tel-warn error hide">验证码错误</span>
                </p>
            </div>-->
            <button class="lang-btn off log-btn" onclick="login()">登录</button>
            </form>
            <div class="r-forget cl">
                <a href="./reg.jsp" class="z">账号注册</a>
                <a href="./getpass.jsp" class="y">忘记密码</a>
            </div>
            <p class="right">Powered by © 2018</p>
        </div>
    </div>
</div>
<script src="./js/jquery2.js"></script>
<script src="./js/agree.js"></script>
<script src="./js/login.js"></script>

登录跳转页面

<script language="javascript" type="text/javascript">
		/*  登录  */
		function login(){
				alert("成功");
			} 
		/*  切换验证码   */
//      function RefreshImage()
//      {
//          var el =document.getElementById("img11");
//          el.src=el.src+'?';//这个特别重要
//      }
</script>
</body>
</html>